<template>
    <div class="right-content">
        <el-tabs v-model="activeName">
            <el-tab-pane label="登录日志" name="loginlog">
                <login-log></login-log>
            </el-tab-pane>
            <el-tab-pane label="操作日志" name="opslog">
                <ops-log></ops-log>
            </el-tab-pane>
            <el-tab-pane label="系统日志" name="syslog">
              <sys-log></sys-log>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
import LoginLog from './LoginLog.vue'
import OpsLog from './OpsLog.vue'
import SysLog from './Syslog.vue'
export default {
  name: 'Log',
  data() {
    return {
      activeName: 'loginlog'
    }
  },
  components: {
    // eslint-disable-next-line vue/no-unused-components
    LoginLog,
    // eslint-disable-next-line vue/no-unused-components
    OpsLog,
    SysLog
  }
}
</script>

<style>
.el-tabs__nav-scroll {
  padding-left: 1vw;
}
.el-tabs__item {
  font: 1vw '宋体';
  padding-top: 1vh;
}
</style>

